<template>
	<view class="set">
		<view class="status_bar">
			<!-- 这里是状态栏 -->
		</view>
		<view class="header">
			<view class="title-name">
				<view class="title-left" @click="pushs()">
					<text class="iconfont icon-fanhui"></text>
					返回
				</view>
				设置
			</view>
		</view>
		<view class="content">
			<view class="item">
				<view class="images">
					<image src="/static/my-icon/我的工单.png" mode=""></image>
				</view>
				<view class="itmename">
					账号管理
				</view>
				<view class="itemfu">
					
				</view>
				<view class="righticon">
					<image src="/static/my-icon/向右1.png" mode=""></image>
				</view>
			</view>
			<view class="item">
				<view class="imagesf">
					推送信息
				</view>
				<view class="itmename">
					
				</view>
				<view class="itemfu">
					
				</view>
				<view class="righticon">
					<switch checked color="#4a73ff" @change="switch1Change" />
				</view>
			</view>
			<view class="hui">
				建议保持开启，关闭将屏蔽相应信息
			</view>
			<view class="item">
				<view class="imagesf">
					清除缓存
				</view>
				<view class="itmename">
					
				</view>
				<view class="itemfu">
					234.6M 
				</view>
				<view class="righticon">
					<image src="/static/my-icon/向右1.png" mode=""></image>
				</view>
			</view>
			<view class="hui">
				清楚应用产生的图片、数据等资源
			</view>
			<view class="but">
				<button plain="true">按钮</button>
			</view>
		</view>
	</view>
</template>

<script setup>
	const pushs = ()=>{
		uni.redirectTo({
			url:'/pages/personal/personal'
		})
	}
</script>

<style lang="less" scoped>
	@import url('/static/my-icon/font_3988175_zmtthyhafr/iconfont.css');
	.set{
		width: 100vw;
		height: 100vh;
		background-color: #f6fbff;
		.status_bar {
			height: var(--status-bar-height);
			width: 100%;
			background-color: white;
		}
		.header{
			width: 100%;
			text-align: center;
			line-height: 8vh;
			padding: 0 10px;
			box-sizing: border-box;
			background-color: white;
			view{
				display: inline-block;
			}
			.title-name{
				width: 100%;
				font-size: 40rpx;
			}
			.title-left{
				color: rgb(74, 115, 255);
				position: absolute;
				left: 10px;
			}
		}
		.content{
			margin: 10px 0;
			view{
				image{
					width: 50rpx;
					height: 50rpx;
				}
			}
			.hui{
				height: 50px;
				line-height: 50px;
				padding: 0 20px;
				border: 1px solid #e3e8eb;
			}
			.but{
				margin-top: 20px;
				button{
					border-color: #4a73ff;
					color: #4a73ff;
					width: 70%;
				}
				
				
			}
			.item{
				display: flex;
				height: 60px;
				align-items: center;
				padding: 0 10px;
				background-color: white;
				margin: 3px 0;
				.images{
					flex: 0.15;
					text-align: center;
				}
				.imagesf{
					flex: 0.35;
					text-align: center;
				}
				.itmename{
					flex: 0.5;
				}
				.itemfu{
					flex: 0.3;
					text-align: center;
					font-size: 25rpx;
					color: #cbcbcb;
				}
				.righticon{
					flex: 0.05;
				}
			}
		}
	}
</style>
